body,
html {
  width: 100%;
  height: 100%;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
}
.swiper-container {
  width: 100%;
}
.swiper-container .swiper-slide {
  width: 100%;
  height: 100vh;
}
.swiper-container .swiper-slide .logos {
  width: 100%;
  height: 3.46666667rem;
  text-align: center;
  margin-top: 158px;
}
.swiper-container .swiper-slide .biaozhi {
  width: 100%;
  height: 1.73333333rem;
  text-align: center;
}
.swiper-container .swiper-slide .biaozhi img {
  max-width: 100%;
  max-height: 100%;
}
.swiper-container .swiper-slide .botms {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 0;
}
.swiper-container .swiper-slide .botms p {
  width: 65%;
}
.swiper-container .swiper-slide .botms p img {
  max-width: 100%;
}
.swiper-container .swiper-slide .botms span {
  width: 35%;
}
.swiper-container .swiper-slide .botms span img {
  max-width: 100%;
}
.swiper-container .swiper-slide .botms .gongsi {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 15px;
  text-align: center;
}
.swiper-container .deng {
  width: 100%;
  height: 100vh;
}
.swiper-container .deng .guanggao {
  width: 100%;
  height: 4rem;
  text-align: center;
  margin-top: 12%;
}
.swiper-container .deng .guanggao p,
.swiper-container .deng .guanggao span {
  width: 100%;
  display: block;
}
.swiper-container .deng .guanggao p img,
.swiper-container .deng .guanggao span img {
  max-width: 25%;
}
.swiper-container .deng .shuru {
  width: 100%;
  height: 5.2rem;
}
.swiper-container .deng .shuru .inpt {
  width: 80%;
  height: 1.33333333rem;
  border: none;
  border-bottom: 1px solid #fff;
  margin-left: 10%;
  margin-top: 5%;
  font-size: 0.50666667rem;
  text-indent: 20%;
  color: #fff;
}
.swiper-container .deng .shuru .shu-ru {
  width: 80%;
  height: 1.2rem;
  margin-left: 10%;
  font-size: 0.42666667rem;
  color: #fff;
  line-height: 3;
}
.swiper-container .deng .shuru .shu-ru .ipts {
  margin-left: 72%;
}
.swiper-container .deng ._denglu {
  width: 100%;
  height: 3.2rem;
  margin-top: 8%;
}
.swiper-container .deng ._denglu .an1 {
  width: 80%;
  height: 1.2rem;
  font-size: 0.50666667rem;
  margin-left: 10%;
  background: #b27cda;
  text-align: center;
  line-height: 2;
  color: #fff;
}
.swiper-container .deng ._denglu .an2 {
  width: 80%;
  height: 1.2rem;
  font-size: 0.50666667rem;
  margin-left: 10%;
  background-color: rgba(255, 255, 200, 0.1);
  margin-top: 5%;
  text-align: center;
  line-height: 2;
  color: #fff;
}
.artle {
  width: 100%;
  height: 100vh;
  display: none;
}
.artle .artle-top {
  width: 100%;
  height: 1.73333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.artle .artle-top p {
  width: 30%;
  height: 1.73333333rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.artle .artle-top p img {
  width: 1.6rem;
  height: 1.6rem;
}
.artle .artle-top ._name {
  width: 62%;
  height: 1.73333333rem;
  font-size: 0.48rem;
  color: skyblue;
  line-height: 2;
}
.artle .artle-top #his-dele {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 0.42666667rem;
  color: #fff;
  text-align: center;
  line-height: 3;
}
.artle .artle-conter {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 15%;
}
.artle .artle-conter dl {
  width: 30%;
  height: 2.93333333rem;
  background: #efb516;
  text-align: center;
  margin-left: 10%;
  margin-top: 8%;
}
.artle .artle-conter dl dt {
  padding: 10%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.artle .artle-conter dl dt img {
  width: 1.33333333rem;
  height: 1.33333333rem;
}
.artle .artle-conter dl dd {
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
  padding: 3%;
}
.artle .artle-conter dl:nth-child(2) {
  background: #01a3b0;
}
.artle .artle-conter dl:nth-child(3) {
  background: #9764e5;
}
.artle .artle-conter dl:nth-child(4) {
  background: #e95e49;
}
.artle .artle-conter dl:nth-child(5) {
  background: #0f77ae;
}
.artle .fot-you {
  width: 100%;
  height: 1.33333333rem;
  position: relative;
  bottom: -8%;
}
.artle .fot-you dl {
  width: 20%;
  height: 1.33333333rem;
  position: absolute;
  right: 0;
  text-align: center;
}
.artle .fot-you dl dt img {
  width: 0.73333333rem;
  height: 0.73333333rem;
}
.artle .fot-you dl dd {
  font-size: 0.4rem;
  font-weight: bold;
  color: #fff;
}
.gongchengshi {
  width: 100%;
  height: 100vh;
  display: none;
}
.gongchengshi .gongchengshi-top {
  width: 100%;
  height: 1.6rem;
  background: #7e4c81;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.gongchengshi .gongchengshi-top span {
  width: 15%;
  height: 1.33333333rem;
  text-align: center;
  color: #fff;
}
.gongchengshi .gongchengshi-top span img {
  width: 1.06666667rem;
  height: 1.06666667rem;
}
.gongchengshi .gongchengshi-top p {
  width: 70%;
  height: 1.33333333rem;
  font-size: 0.48rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
.gongchengshi .gongchengshi-top .jiahao {
  line-height: 2;
}
.gongchengshi .gongchengshi-center {
  width: 90%;
  height: 2.66666667rem;
  background: #ccc;
  border: 1px solid #666;
  margin-left: 5%;
  margin-top: 0.53333333rem;
}
.gongchengshi .gongchengshi-center .cent-top {
  width: 100%;
  height: 1.33333333rem;
  font-size: 0.4rem;
  font-weight: bold;
  border-bottom: 1px solid #666;
  line-height: 3;
}
.gongchengshi .gongchengshi-center .cent-top select {
  width: 40%;
  height: 0.66666667rem;
}
.gongchengshi .gongchenshi-botm {
  height: 2.13333333rem;
  margin-top: 0.46666667rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.gongchengshi .gongchenshi-botm .pt {
  width: 40%;
  height: 1.06666667rem;
  background: #7e4c81;
  font-size: 0.42666667rem;
  color: #fff;
}
.gongchengshi .gongchenshi-botm .chzhi {
  background: #545a6c;
}
